<template>
    <figure class="item-container">
        <div>
            <img :src="`http://132.232.110.185/personnelManagement/upload/${tImg}`" class="mgImg">
            <!-- <img src="http://132.232.110.185/personnelManagement/upload/966c5f9d3e414916b3beefed6bc611771662559141754_张三.webp" class="mgImg"> -->
            
            
            
            <!-- <img src="../../assets/talent-icon/touxiang.jpg" class="mgImg"> -->
            
        </div>
        <div class="t-info">
            <div class="name">{{tName}}</div>
            <div>
                <span>{{tSex}}</span>
                &nbsp;&nbsp;&nbsp;
                <span>{{tHeight}}</span>
            </div>
            <!-- <div>学历：{{tEducation}}</div> -->
            <div>
                <span>学历：</span>
                <span class="textB">{{tEducation}}</span>
            </div>
            <div>电话：{{tPhone}}</div>
            <div>
                <div>生日：{{tFirstDate}}</div>
                <div>现年：{{tAge}}岁</div>
            </div>
            <!-- <div>应聘岗位：{{tJob}}</div> -->
            <div>
                <span>应聘岗位：</span>
                <span class="textRed">{{tJob}}</span>
            </div>
            <div>
                <span>期望月薪：</span>
                <span class="textRed">{{tSalary}}</span>
            </div>
        </div>
    </figure>
    
</template>

<script>
export default {
    name: "TalentItem",
    props:["tName","tSex","tHeight","tEducation","tPhone","tFirstDate","tAge","tJob","tSalary","tImg"],
    mounted() {
        //console.log(this.tImg);
    },
}
</script>

<style scoped>
    .item-container{
        width:355px;
        height:260px;
        /* border:1px solid black; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        background-color: white;
        margin-bottom: 20px;
        transition: all 0.3s;
        font-size:14px;
        color:rgb(83, 81, 81);
        
    }
    .item-container:hover{
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        transform: translate(0,5px);
    }
    /* 头像图片 */
    .mgImg{
        width:120px;
        height:120px;
        margin-top:30px; 
        margin-left: 3px;
        /* border: 1px solid green; */
    }
    .name{
        font-size:18px;
        font-weight: 700;
        margin-top:30px;
    }
    /* 用户信息-右边信息 */
    .t-info{
        margin-left: 8px;
        width:100%;
        height:260px;
        /* border:1px solid red; */
    }
    .t-info div{
        margin-bottom: 6px;
    }
    /* 红色文字 */
    .textRed{
        color:red;
    }
    /* 文字加粗 */
    .textB{
        font-weight:600;
    }
</style>